﻿<?php
$mandado = 0;
$extra = "";
if(isset($_POST["nombre"]) && isset($_POST["correo"]) && isset($_POST["asunto"]) && isset($_POST["mensaje"])){
	//Mandar el email
	$cabecera = "From: ".$_POST["correo"]."\r\nReply-To: ".$_POST["correo"]."\r\nX-Mailer: PHP/" . phpversion();
	$mandado = mail("peregrinitalia@hotmail.com",$_POST["asunto"],$_POST["mensaje"],$cabecera);
	if($mandado){
		// Si se mandó
		$extra = '<script type="text/javascript">alert("Mensaje enviado");</script>';
	}
	else{
		// No se mandó
		$extra = '<script type="text/javascript">alert("Error, el mensaje no se envió");</script>';
	}
}


?>

<!DOCTYPE html>
<html>
<head>
<title>Molary</title>
<meta name="Keywords" content="Molary, Dentista, Dientes, Servicios, Profesionales, Guadalajara, Jalisco, Zapopan, Arboledas" />
<meta name="Description" content="Servicios dentales Molary." />
<link rel="shortcut icon" href="icono.ico" type="image/x-icon" />
<link rel="stylesheet" type="text/css" href="estilo/estilo.css" />
<script src="estilo/jquery.min.js"></script>
<script src="estilo/jquery-ui.min.js"></script>
<script src="estilo/jquery.easing.js"></script>
<script src="estilo/jquery.path.js"></script>
<script src="estilo/jquery.imagesloaded.min.js"></script>
<script type="text/javascript" src="estilo/script.js"></script>


<?php echo $extra; ?>
</head>

<body>
<!-- MENU PRINCIPAL -->
	
<div class="pantalla" id="inicio">
	<img id="elipse_inicio" src="estilo/elipse_inicio.png" style="position:absolute;top:0;left:39.7%;height:100%;width:10.5%;"/> 
	<img id="logo_grande" src="estilo/logo_grande.png" />
	<div class="cuadrotitulo">
		<h1>MolarY</h1>
		<h2>Clínica Dental Familiar</h2>
		<p>"Nos interesa su salud y confianza"</p>
	</div>

	<div class="menu_principal" onclick="mostrar('nosotros',4,4);" ><span class="m_i" onmouseover="menu_hover(this,true);" onmouseout="menu_hover(this,false);" >Nosotros</span></div>
	<div class="menu_principal" onclick="mostrar('servicios',2,2);" ><span class="m_i" onmouseover="menu_hover(this,true);" onmouseout="menu_hover(this,false);" >Servicios</span></div>
	<div class="menu_principal" onclick="mostrar('galeria',3,3);" ><span class="m_i" onmouseover="menu_hover(this,true);" onmouseout="menu_hover(this,false);" >Galería</span></div>
	<div class="menu_principal" onclick="mostrar('contacto',5,5);" ><span class="m_i" onmouseover="menu_hover(this,true);" onmouseout="menu_hover(this,false);" >Contacto y ubicación</span></div>
	<div class="menu_principal" style="background:none;"></div>
</div>

<div class="pantalla" id="nosotros" >
	<h1><img class="casa" src="estilo/casa1.png" onclick="mostrar('inicio',5,5);"/><span onclick="sub_mostrar('');">Nosotros</span></h1>

	<img id="elipse_nosotros" src="estilo/elipse_nosotros.png" style="position:absolute;top:5em;left:12%;width:5%;height:55%;display:none"/> 

		<div class="sub_menu"><a onclick="sub_mostrar('historia');">Historia</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('mision');">Misión</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('vision');">Visión</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('equipo');">Equipo de trabajo</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('organigrama');">Organigrama</a></div>
		<div class="sub_menu"></div>
		<img src="fotos/grandes/galeria/instalaciones/DSCF2440editedcrop.jpg" id="foto_nosotros" />
</div>

<!-- NOSOTROS -->

<div class="sub pantalla" id="historia" >
	<h2>Historia</h2>
<p>Dos estudiantes de odontología después de ser esposos, unieron sus esfuerzos, siempre con la ilusión de poner un consultorio dental, 
esa visión comenzó en 1986, primero en el departamento donde vivían y segundo en un consultorio en San Sebastián el Grande por cuatro años 
y posteriormente en un departamento en la colonia Arboledas. Su objetivo principal fue crecer profesionalmente y servir mejor a sus pacientes. 
Formaron parte de un grupo de estudio llamado integración odontológica 88, que les permitió aprender y madurar para iniciar así una 
empresa que finalmente ganara la coinfianza de sus pacientes. Molary &copy; Clínica Dental Familiar nace en 2002 y temina por ubicarse en el 
2007 en Av. Nicolás Copérnico #4247, donde se ha consolidado como una empresa que junto con un grupo de profesionistas y mejores instalaciones
que ofrecen comodidad y vanguardia, consiguen darle a sus pacientes un tratamiento dental integral.</p>
</div>

<div class="sub pantalla" id="mision" >
	<h2>Misión</h2>
<p>Somos una Clínica Dental atendida por un equipo de trabajo especializado y actualizado en su ramo,
convencidos en proporcionar atención y servicio que satisfaga y rebase los requerimientos de nuestros pacientes,
apoyados en la utilización de instalaciones, equipos y tecnología de vanguardia que cumple con las normas sanitarias.</p>
</div>

<div class="sub pantalla" id="vision" >
	<h2>Visión</h2>
<p>Consolidarnos como la mejor opción en la prestación del servicio médico bucodental,
	continuando con los programas de desarrollo y actualización profesional del personal,
	practicando la mejora continua, y dispuestos a crecer en relación directa a la demanda de nuestros servicios.</p>
</div>

<div class="sub pantalla" id="organigrama" >
	<h2>Organigrama</h2>
<p>omg</p>
</div>

<div class="sub pantalla" id="equipo" >
	<h2>Equipo de trabajo</h2>
<ul id="lista1">
	<li><a onclick="">CD. Carlos Herrera Carmona</a></li>
	<li><a onclick="">CD. Gabriela Serrano Hernández</a></li>
	<li><a onclick="">CD. Diana Lorena Herrera Moreno</a></li>
	<li><a onclick="">CD. Graciela Moreno Álvarez</a></li>
</ul>
<ul id="lista2">
	<li><a onclick="">Lic. Miriam Quevedo Gradilla</a></li>
	<li><a onclick="">CD. Rizhski Vergara Adams</a></li>
	<li><a onclick="">CDEE. Rodrigo Solis</a></li>
	<li><a onclick="">CDEP. Javier González Ramos</a></li>
</ul>
</div>

<!-- SERVICIOS -->

<div class="pantalla" id="servicios" >
	<h1><img class="casa" src="estilo/casa1.png" onclick="mostrar('inicio',3,3);mover_sub_menu('.submover_servicios','38',true);"/><span onclick="sub_mostrar('');mover_sub_menu('.submover_servicios','38',true);">Servicios</span></h1>

	<div class="submover_servicios">
		<img src="estilo/servicios.png" style="position:absolute;bottom:0;width:30%;height:auto"/>
	<img id="elipse_servicios" src="estilo/elipse_servicios.png" style="position:absolute;top:0;bottom:0;left:36.5%;height:100%;width:10.5%;display:none;"/> 

		<div class="sub_menu"><a onclick="sub_mostrar('blanqueamiento');">Blanqueamiento Dental</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('ortodoncia');">Ortodoncia</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('endodoncia');">Endodoncia</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('cirugia');">Cirugía Bucal</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('implantologia');">Implantología</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('peridoncia');">Peridoncia</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('rehabilitación');">Rehabilitación</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('estetica');">Estética Dental</a></div>
		<div class="sub_menu"><a onclick="sub_mostrar('otrosservicios');">Otros servicios</a></div>
		<div class="sub_menu"></div>
	</div>
</div>

<div class="sub pantalla" id="blanqueamiento" >
	<h2>Blanqueamiento Dental</h2>
	<p>Tenemos más de * años realizando blanqueamiento dental con diversas técnicas.<br />
Hasta ahora utilazamos la técnica más segura para ud. en base a la sensibilidad y con los mejores resultados.</p>
	<div class="foto" id="f_blanqueamiento">
	</div>
	
	<ul class="imagenes">
		<li><img class="gale" src="fotos/chicas/servicios/blanqueamiento_dental/antes 230509.JPG" alt="fotos/grandes/servicios/blanqueamiento_dental/final 190609.JPG" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/blanqueamiento_dental/BLANQ INICIAL1.jpg" alt="fotos/grandes/servicios/blanqueamiento_dental/BLANQ FINAL1.jpg" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/blanqueamiento_dental/BLANQ INICIAL2.jpg" alt="fotos/grandes/servicios/blanqueamiento_dental/BLANQ FINAL2.jpg" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/blanqueamiento_dental/inicial con testigos.JPG" alt="fotos/grandes/servicios/blanqueamiento_dental/final con testigos.JPG" /></li>
	</ul>
</div>

<div class="sub pantalla" id="ortodoncia" >
	<h2>Ortodoncia</h2>
<p>Falta texto :)</p>
	<div class="foto" id="f_ortodoncia">
	</div>
	
	<ul class="imagenes">
		<li>No hay fotos</li>
	</ul>
</div>

<div class="sub pantalla" id="endodoncia" >
	<h2>Endodoncia</h2>
<p>Control del dolor</p>
	<div class="foto" id="f_endodoncia">
	</div>
	
	<ul class="imagenes">
		<li>No hay fotos</li>
	</ul>
</div>

<div class="sub pantalla" id="cirugia" >
	<h2>Cirugía Bucal</h2>
<p>Falta texto :)</p>
	<div class="foto" id="f_cirugia">
	</div>
	
	<ul class="imagenes">
		<li><img class="gale" src="fotos/chicas/servicios/cirugia_bucal/APICECTOMIA1.jpg" alt="fotos/grandes/servicios/cirugia_bucal/APICECTOMIA2.jpg" /></li>
	</ul>
</div>

<div class="sub pantalla" id="implantologia" >
	<h2>Implantología</h2>
<p>Falta texto :)</p>
	<div class="foto" id="f_implantologia">
	</div>
	
	<ul class="imagenes">
		<li><img class="gale" src="fotos/chicas/servicios/implantologia/IMIPLANTE3.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/implantologia/IMPLANT1.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/implantologia/IMPLANT2.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/implantologia/IMPLANTE1.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/implantologia/IMPLANTE2.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/implantologia/IMPLANTO1.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/implantologia/IMPLANTO2.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/implantologia/IMPLANTO3.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/implantologia/IMPLANTO4.jpg" alt="" /></li>
	</ul>
</div>

<div class="sub pantalla" id="peridoncia" >
	<h2>Peridoncia</h2>
<p>En el área de periodoncia, MolarY entra en tratamientos desde la limpieza dental, por medio de ultrasonido, hasta tratamientos específicos para el área como raspados y alisados, radiculares, gingivectomías, alargamientos de corona, cirugías periodontales abiertas etc.<br />
Encía - ligamento alrededor del diente y hueso</p>
	<div class="foto" id="f_peridoncia">
	</div>
	
	<ul class="imagenes">
		<li>No hay fotos</li>
	</ul>
</div>

<div class="sub pantalla" id="rehabilitación" >
	<h2>Rehabilitación</h2>
<p>En servicio de Rehabilitación Oral se diagnostica y se planea el plan de tratamiento.<br />
Se realizan análisis de medios diagnósticos y se realizan encerados de diagnóstico.<br />
Se presenta su caso clínico completo para mayor entendimiento de este.</p>
	<div class="foto" id="f_rehabilitación">
	</div>
	
	<ul class="imagenes">
		<li><img class="gale" src="fotos/chicas/servicios/rehabilitación/DSCF2264edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/rehabilitación/DSCF2266edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/rehabilitación/REHAB1.jpg" alt="fotos/grandes/servicios/rehabilitación/REHAB2.jpg" /></li>
	</ul>
</div>

<div class="sub pantalla" id="estetica" >
	<h2>Estética Dental</h2>
<p>Falta texto :)</p>
	<div class="foto" id="f_estetica">
	</div>
	
	<ul class="imagenes">
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/DSCF2356edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/DIAST1.jpg" alt="fotos/grandes/servicios/estetica_dental/DIAST2.jpg" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/DIAST3.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/ESTETICO1.jpg" alt="fotos/grandes/servicios/estetica_dental/ESTETICO2.jpg" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/IXTLAHUAC CARMEN.JPG" alt="fotos/grandes/servicios/estetica_dental/IXTLAHUAC CARMEN2.jpg" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/IXTLAHUAC CARMEN3.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/JIMENEZ JOSE RAMON.JPG" alt="fotos/grandes/servicios/estetica_dental/JIMENEZ JOSE RAMON2.JPG" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/JIMENEZ JOSE RAMON3.JPG" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/RESINAS BORDE INCISAL (1).JPG" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/RESINAS BORDE INCISAL (2).JPG" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/RESINAS BORDE INCISAL (3).JPG" alt="fotos/grandes/servicios/estetica_dental/RESINAS BORDE INCISAL.JPG" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/RUIZ EDUARDO.JPG" alt="fotos/grandes/servicios/estetica_dental/RUIZ EDUARDO2.JPG" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/RUIZ EDUARDO3.JPG" alt="fotos/grandes/servicios/estetica_dental/RUIZ EDUARDO5.JPG" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/RUIZ EDUARDO4.JPG" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/servicios/estetica_dental/sonrrisa 280410.JPG" alt="" /></li>
	</ul>
</div>

<div class="sub pantalla" id="otrosservicios" >
	<h2>Otros servicios</h2>
<p>También brindamos servicios como guardas oclusales, guardas deportivos.</p>
	<div class="foto" id="f_otrosservicios">
	</div>
	
	<ul class="imagenes">
		<li><img class="gale" src="fotos/chicas/servicios/otros_servicios/DSCF2271edited.jpg" alt="" /></li>
	</ul>
</div>

<!-- GALERIAS -->

<div class="pantalla" id="galeria" >
	<h1><img class="casa" src="estilo/casa1.png" onclick="mostrar('inicio',2,2);mover_sub_menu('.submover_galeria','38',true);"/><span onclick="sub_mostrar('');mover_sub_menu('.submover_galeria','38',true);">Galería</span></h1>
	<div class="submover_galeria">
		<img src="estilo/galeria.png" style="position:absolute;bottom:20%;width:32%;height:auto"/>
		<img id="elipse_galeria" src="estilo/elipse_servicios.png" style="position:absolute;top:0;bottom:0;left:36.5%;height:100%;width:10.5%;display:none;"/> 

			<div class="sub_menu"><a onclick="sub_mostrar('galeria_instalaciones');">Instalaciones</a></div>
			<div class="sub_menu"><a onclick="sub_mostrar('galeria_mododetrabajo');">Modo de trabajo</a></div>
			<div class="sub_menu"><a onclick="sub_mostrar('galeria_bioseguridad');">Bioseguridad y control de infecciones</a></div>
			<div class="sub_menu"></div>
	</div>
</div>

<div class="sub pantalla" id="galeria_instalaciones" >
	<h2>Instalaciones</h2>
	
	<ul class="imagenes">
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSC00510.JPG" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSC00512edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSC00522.JPG" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2277edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2282edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2284edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2289edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2340edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2343edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2347edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2351edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2374edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2403edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2410edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2418edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2420edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2440edited1.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2440edited2.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2440editedcrop.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2445edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2445edited3.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2445edited4.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2445editedcrop.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2445edithed2.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2449edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2449editedcrop.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2449editedrotate.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2453edited1.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2453editedrotate.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/instalaciones/DSCF2453editedrotatecrop.jpg" alt="" /></li>
	</ul>
	
	<div class="foto" id="f_galeria_instalaciones">
	</div>
</div>

<div class="sub pantalla" id="galeria_mododetrabajo" >
	<h2>Modo de trabajo</h2>
	
	<ul class="imagenes">
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2293edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2301edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2302edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2308edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2310edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2311edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2320edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2321.JPG" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2460edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2477edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/mododetrabajo/DSCF2502edited.jpg" alt="" /></li>
	</ul>
	
	<div class="foto" id="f_galeria_mododetrabajo">
	</div>
</div>

<div class="sub pantalla" id="galeria_bioseguridad" >
	<h2>Bioseguridad y control de infecciones</h2>
	
	<ul class="imagenes">
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2246edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2255edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2259edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2259edited2.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2260edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2264edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2266edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2268edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2271edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2277edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2280edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2333edited.jpg" alt="" /></li>
		<li><img class="gale" src="fotos/chicas/galeria/bioseguridad/DSCF2356edited.jpg" alt="" /></li>
		</ul>
		
	<div class="foto" id="f_galeria_bioseguridad">
	</div>
</div>

<!-- CONTACTO -->

<div class="pantalla" id="contacto" >
	<h1><img class="casa" src="estilo/casa1.png" onclick="mostrar('inicio',4,4);"/>Contacto</h1>
	<h2>Contacto</h2>
<img id="mapa" src="estilo/mapa.png" style="position: absolute; top: 30%; left: 1em; width: 45%; height: auto;"/>
<form action="" method="POST">
	<input type="text" name="nombre" value="Nombre" onclick="tog(this,'Nombre',0);" onblur="tog(this,'Nombre',1);"/> <br />
	<input type="text" name="correo" value="Correo" onclick="tog(this,'Correo',0);" onblur="tog(this,'Correo',1);"/> <br />
	<input type="text" name="asunto" value="Asunto" onclick="tog(this,'Asunto',0);" onblur="tog(this,'Asunto',1);"/> <br />
	<textarea name="mensaje" rows="10" onclick="tog(this,'Mensaje',0);" onblur="tog(this,'Mensaje',1);">Mensaje</textarea> <br />
	<input type="submit" onclick="enviar_email();" value="Enviar" /> <input type="reset" value="Borrar todo"/>
	
	
</form>

<p>Nicolás Copérnico #4247, Col. Arboledas CP. 45070, Zapopan, Jalisco.</p>
</div>
</body>

</html>
